<!--footer-->
<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="span4">
                <p><img src="/static/index/example/logo.png" alt="开发友社区"/></p>
                <address>
                    <p><i class="icon-map-marker"></i> 深圳</p>
                    <!--<p><i class="icon-phone"></i> (123) 456-7890</p>
                    <p><i class="icon-mobile-2"></i> (123) 456-7890</p>-->
                    <p><i class="icon-mail-3"></i> <a href="mailto:web@loear.com">web@loear.com</a></p>
                </address>
            </div>
            <div class="span8">
                <div class="row">
                    <div class="span8"></div>
                    <div class="span8">

                    </div>
                </div>
            </div>
            <div class="span4">
                <p class="heading">关于我们</p>
                <p>亲测实用的开发工具，挖掘开发资源。</p>
                <p class="heading">订阅</p>
                <p>输入邮箱，即可订阅社区资源。</p>
                <div class="input-append">
                    <input type="text" placeholder="请输入邮箱地址" class="span2" />
                    <button type="button" class="btn btn-inverse">提交</button>
                </div>
            </div>
            <div class="span4">
                <p class="heading">导航</p>
                <ul class="footer-navigate">
                    {volist name="$categories" id="category"}
                    <li><a href="/blog_0_{$category.id}_0.html">{$category.name}</a></li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</footer>